*{
		padding:0;
		margin:0;
	}
	main{
		height:100%;
		width:100%;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.div{
		height:500px;
		width:500px;
		background-color:#DEDEDE;
		border-radius:50%;
		display:flex;
		justify-content:center;
		align-items:center;
		animation:shahed 1.5s ease-in-out 0.4s infinite alternate;
	}
	@keyframes shahed{
		100%{  transform: scale(1.1,1.1);}
	}
	.child-div-1{
		height:410px;
		width:410px;
		background-color:#C4C4C4;
		border-radius:50%;
		position:absolute;
		animation-name:shaheds;
		display:flex;
		justify-content:center;
		align-items:center;
		animation:shahed 1.5s ease-in-out 0.5s infinite alternate;
	}
	@keyframes shaheds{
		100%{  transform: scale(1.1,1.1);}
	}
	.child-div-2{
		height:310px;
		width:310px;
		background-color:#AFAFAF;
		border-radius:50%;
		position:absolute;
		display:flex;
		justify-content:center;
		align-items:center;
		animation-name:shahedss;
		animation:shahed 1.5s ease-in-out 0.6s infinite alternate;
	}
	@keyframes shahedss{
		100%{  transform: scale(1.1,1.1);}
	}
	.child-div-3{
		height:210px;
		width:210px;
		background-color:#999999;
		border-radius:50%;
		position:absolute;
		display:flex;
		justify-content:center;
		align-items:center;
		animation-name:shahedsss;
		animation:shahed 1.5s ease-in-out 0.7s infinite alternate;
	}
	@keyframes shahedsss{
		100%{  transform: scale(1.1,1.1);}
	}
	.child-div-4{
		height:110px;
		width:110px;
		background-color:#787878;
		border-radius:50%;
		position:absolute;
		display:flex;
		justify-content:center;
		align-items:center;
		animation-name:shahedssss;
		animation:shahed linear 0.6s ease-in-out  infinite alternate;
	}
	@keyframes shahedssss{
		100%{  transform: scale(1.4,1.4);}
	}